<!DOCTYPE html>
<html lang="en">
  <head>
      <meta charset="UTF-8">
      <title>表格标签2(跨行跨列)</title>
  </head>

  <body>
  <!--
    column列
    合并列 : colspan="列数"
    合并行 : rowspan="行数"
    cellspacing : 指定单元格间的空隙大小 :0 表示没有空隙
    bordercolor: 指定表格边框的颜色
    border: 表格边框
    width： 表格的宽度
    思路:
    1. 先把整个表格的完整的行和列，展示出来5*3
    2. 在使用合并的技术，来处理
    3. 如果是16进制的颜色，前面#
  -->
  <table border="1" width="500px" align="center" bordercolor="#E87EFA" cellspacing="0">
    <tr>
      <td colspan="3" align="center">星期一菜谱</td>
    </tr>
    <tr>
      <td rowspan="2">素菜</td>
      <td>青草茄子</td>
      <td>花椒扁豆</td>
    </tr>
    <tr>
      <td>小葱豆腐</td>
      <td>炒白菜</td>
    </tr>
    <tr>
      <td rowspan="2">荤菜</td>
      <td>油焖大虾</td>
      <td>海参鱼翅</td>
    </tr>
    <tr>
      <td>红烧肉<img src="../images/2.png" height="100"  width="100" ></td>
      <td>烤全羊</td>
    </tr>
  </table>
  </body>
</html>